<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
  <title>纵向导航菜单</title> 
  <style> 
#nav {
	width: 100px;
	border-color: #c5c6c4;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
}

#nav h1 {
	margin: 0px;
	padding: 4px;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	border-top: 1px solid #c5c6c4;
	background-color: #CCCCCC;
}

#nav h2 {
	margin: 0px;
	padding: 4px;
	font-size: 12px;
	font-family: Verdana;
	font-weight: normal;
}

#nav h2 a {
	color: #666666;
	text-decoration: none;
}

#nav h2 a:hover {
	color: #999999;
	text-decoration: underline;
}    
  </style> 
 </head> 
 <body> 
  <div id="nav"> 
   <h1>CSS</h1> 
   <h2><a href="#">css入门</a></h2> 
   <h2><a href="#">css进阶</a></h2> 
   <h2><a href="#">css高级</a></h2> 
   <h1>webUI</h1> 
   <h2><a href="#">理论知识</a></h2> 
   <h2><a href="#">实战应用</a></h2> 
   <h2><a href="#">高级技巧</a></h2> 
   <h1>DOM</h1> 
   <h2><a href="#">DOM入门</a></h2> 
   <h2><a href="#">DOM应用</a></h2> 
   <h2><a href="#">DOM与浏览器</a></h2> 
   <h1>XHTML</h1> 
   <h2><a href="#">参考手册</a></h2> 
   <h2><a href="#">交流论坛</a></h2> 
  </div>  
 </body>
</html>
